﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>TruckWatch</title>

<style type="text/css">
body{
	margin:0px;
	background-image: url('img/truck-vector-gray.png') ;
	background-repeat:no-repeat;
	background-position:top;
	background-position-y:550px;
}
div.menu{
	background-color:#CCCCCC;
	padding: 5px;
}
.menu {
 	font-family:  verdana ;
 	font-size:14pt;
}

</style>
</head>

<body>

<center><img src="img/truckwatchlogo.png" alt="TruckWatch banner"/></center>

<div class="menu">
	<center><a href="mockup_map.html">Map</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="mockup_detail.html">Detail</a></center>
</div>

<br/><br/>

<img src="img/map_mockup.png" alt="map"/>

<pre>
	Map
- Google map with pins
- Each pin shows:
		○ Trucker name
		○ Cargo: Dell Laptops
		○ ETA: 2 hours 30 mins
		○ Trucker comments: "I had to fix a flat tire in Albuquerque"
						"Jim, want to do lunch at rest stop #46?"

		-  Dest Address
		- Truck Type: 54 " double drop
</pre>
 
			

</body>

</html>
